<template>
  <div class="app-container">
    <el-form ref="form" :model="queryParam" :inline="true">
      <el-form-item prop="user_ids" label="关联管理后台users表ID" :label-width="formLabelWidth">
        <el-input v-model="queryParam.user_ids" placeholder="关联管理后台users表ID" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="appid" label="关联applet表appid" :label-width="formLabelWidth">
        <el-input v-model="queryParam.appid" placeholder="关联applet表appid" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="openid" label="openid" :label-width="formLabelWidth">
        <el-input v-model="queryParam.openid" placeholder="openid" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="unionid" label="用户统一标识" :label-width="formLabelWidth">
        <el-input v-model="queryParam.unionid" placeholder="用户统一标识" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="nickname" label="用户昵称" :label-width="formLabelWidth">
        <el-input v-model="queryParam.nickname" placeholder="用户昵称" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="phoneNumber" label="用户绑定的手机号（国外手机号会有区号）" :label-width="formLabelWidth">
        <el-input v-model="queryParam.phoneNumber" placeholder="用户绑定的手机号（国外手机号会有区号）" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="purePhoneNumber" label="没有区号的手机号" :label-width="formLabelWidth">
        <el-input v-model="queryParam.purePhoneNumber" placeholder="没有区号的手机号" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="countryCode" label="区号" :label-width="formLabelWidth">
        <el-input v-model="queryParam.countryCode" placeholder="区号" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="password" label="登录密码" :label-width="formLabelWidth">
        <el-input v-model="queryParam.password" placeholder="登录密码" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="gender" label="性别:1=男,2=女,0=未知" :label-width="formLabelWidth">
        <el-input v-model="queryParam.gender" placeholder="性别:1=男,2=女,0=未知" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="city" label="城市" :label-width="formLabelWidth">
        <el-input v-model="queryParam.city" placeholder="城市" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="province" label="省份" :label-width="formLabelWidth">
        <el-input v-model="queryParam.province" placeholder="省份" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="country" label="国家" :label-width="formLabelWidth">
        <el-input v-model="queryParam.country" placeholder="国家" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="avatarUrl" label="头像" :label-width="formLabelWidth">
        <el-input v-model="queryParam.avatarUrl" placeholder="头像" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="language" label="语言" :label-width="formLabelWidth">
        <el-input v-model="queryParam.language" placeholder="语言" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="subscribe" label="是否使用该小程序标识，0=未关注，1=关注" :label-width="formLabelWidth">
        <el-input v-model="queryParam.subscribe" placeholder="是否使用该小程序标识，0=未关注，1=关注" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="subscribe_time" label="使用时间" :label-width="formLabelWidth">
        <el-input v-model="queryParam.subscribe_time" placeholder="使用时间" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="remark" label="运营者对粉丝的备注" :label-width="formLabelWidth">
        <el-input v-model="queryParam.remark" placeholder="运营者对粉丝的备注" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="tagid_list" label="用户被打上的标签ID列表" :label-width="formLabelWidth">
        <el-input v-model="queryParam.tagid_list" placeholder="用户被打上的标签ID列表" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="subscribe_scene" label="用户使用的渠道来源" :label-width="formLabelWidth">
        <el-input v-model="queryParam.subscribe_scene" placeholder="用户使用的渠道来源" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="qr_scene" label="二维码扫码场景（开发者自定义）" :label-width="formLabelWidth">
        <el-input v-model="queryParam.qr_scene" placeholder="二维码扫码场景（开发者自定义）" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="qr_scene_str" label="二维码扫码场景描述（开发者自定义）" :label-width="formLabelWidth">
        <el-input v-model="queryParam.qr_scene_str" placeholder="二维码扫码场景描述（开发者自定义）" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="privilege" label="用户特权信息，json数组" :label-width="formLabelWidth">
        <el-input v-model="queryParam.privilege" placeholder="用户特权信息，json数组" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="loginip" label="ip地址" :label-width="formLabelWidth">
        <el-input v-model="queryParam.loginip" placeholder="ip地址" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="token" label="token,自定义登录态请求api的标识，前端需缓存" :label-width="formLabelWidth">
        <el-input v-model="queryParam.token" placeholder="token,自定义登录态请求api的标识，前端需缓存" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="status" label="状态" :label-width="formLabelWidth">
        <el-input v-model="queryParam.status" placeholder="状态" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="access_token" label="access_token" :label-width="formLabelWidth">
        <el-input v-model="queryParam.access_token" placeholder="access_token" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="access_token_overtime" label="access_token过期时间" :label-width="formLabelWidth">
        <el-input v-model="queryParam.access_token_overtime" placeholder="access_token过期时间" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="session_key" label="会话密钥" :label-width="formLabelWidth">
        <el-input v-model="queryParam.session_key" placeholder="会话密钥" type="input">
        </el-input>
      </el-form-item>
      <el-form-item prop="verification" label="验证" :label-width="formLabelWidth">
        <el-input v-model="queryParam.verification" placeholder="验证" type="input">
        </el-input>
      </el-form-item>
      <el-form-item>
        <el-button icon="el-icon-search" type="primary" @click="handleSearch">查询</el-button>
      </el-form-item>
    </el-form>
    <el-divider content-position="center">
    </el-divider>
    <div class="filter-container">
      <el-row>
        <el-col :span="12">
          <div class="grid-content">
            <el-button class="filter-item" icon="el-icon-refresh" @click="handleRefresh">刷新</el-button>
            <el-button class="filter-item" type="primary" icon="el-icon-plus" @click="handleCreate()">添加</el-button>
            <el-button v-if="this.selectedIds.length" size="small" class="filter-item mb-5" type="danger" icon="el-icon-delete" @click="handleMultiDelete">批量删除</el-button>
            <el-button @click="clearFilter">清除所有过滤器</el-button>
          </div>
        </el-col>
        <el-col :span="12">
          <el-button icon="el-icon-info" circle @click="templateVersion" style="float: right; padding: 3px 0">
          </el-button>
          <el-dropdown @command="handleTableCommand" style="float: right; padding: 3px 0">
            <span class="el-dropdown-link">
              <i class="el-icon-more el-icon--right"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item command="a">配置表格</el-dropdown-item>
              <el-dropdown-item command="b" divided>移除</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
          <div class="grid-content">
            <el-dropdown @command="handleDropdownCommand" style="float: right; padding: 3px 0">
              <span class="el-dropdown-link">
                <i class="el-icon-menu el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown">
                <el-checkbox-group v-model="checkList">
                  <el-dropdown-item command="a">
                    <el-checkbox label="user_ids">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="appid">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="openid">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="unionid">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="nickname">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="phoneNumber">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="purePhoneNumber">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="countryCode">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="password">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="gender">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="city">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="province">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="country">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="avatarUrl">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="language">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="subscribe">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="subscribe_time">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="remark">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="tagid_list">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="subscribe_scene">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="qr_scene">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="qr_scene_str">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="privilege">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="loginip">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="token">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="status">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="access_token">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="access_token_overtime">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="session_key">
                    </el-checkbox>
                  </el-dropdown-item>
                  <el-dropdown-item command="a">
                    <el-checkbox label="verification">
                    </el-checkbox>
                  </el-dropdown-item>
                </el-checkbox-group>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
        </el-col>
      </el-row>
    </div>
    <el-table ref="multipleTable" :data="data" tooltip-effect="dark" style="width: 100%" fit @selection-change="handleSelectMulti">
      <el-table-column type="selection" width="55" v-if="true">
      </el-table-column>
      <el-table-column prop="user_ids" label="关联管理后台users表ID" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="appid" label="关联applet表appid" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="openid" label="openid" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="unionid" label="用户统一标识" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="nickname" label="用户昵称" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="phoneNumber" label="用户绑定的手机号（国外手机号会有区号）" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="purePhoneNumber" label="没有区号的手机号" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="countryCode" label="区号" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="password" label="登录密码" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="gender" label="性别:1=男,2=女,0=未知" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="city" label="城市" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="province" label="省份" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="country" label="国家" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="avatarUrl" label="头像" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="language" label="语言" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="subscribe" label="是否使用该小程序标识，0=未关注，1=关注" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="subscribe_time" label="使用时间" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="remark" label="运营者对粉丝的备注" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="tagid_list" label="用户被打上的标签ID列表" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="subscribe_scene" label="用户使用的渠道来源" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="qr_scene" label="二维码扫码场景（开发者自定义）" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="qr_scene_str" label="二维码扫码场景描述（开发者自定义）" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="privilege" label="用户特权信息，json数组" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="loginip" label="ip地址" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="token" label="token,自定义登录态请求api的标识，前端需缓存" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="status" label="状态" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="access_token" label="access_token" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="access_token_overtime" label="access_token过期时间" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="session_key" label="会话密钥" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="verification" label="验证" show-overflow-tooltip v-if="true">
      </el-table-column>
      <el-table-column prop="creator" label="创建人" v-if="true">
      </el-table-column>
      <el-table-column prop="created_at" label="创建时间" v-if="true">
      </el-table-column>
      <el-table-column prop="updated_at" label="更新时间" v-if="true">
      </el-table-column>
      <el-table-column label="操作" v-if="true" fixed="right">
        <template slot-scope="module">
          <el-button type="primary" icon="el-icon-edit" @click="handleUpdate(module.row)">
          </el-button>
          <el-button type="danger" icon="el-icon-delete" @click="handleDelete(module.row.id)">
          </el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="paginate.current" hide-on-single-page :page-sizes="paginate.sizes" :page-size="paginate.limit" :layout="paginate.layout" :total="paginate.total">
    </el-pagination>
    <!----------------------------------- 新增/编辑 ---------------------------------------------->
    <el-drawer ref="drawer" size="60%" :title="drawerTitle" :visible.sync="formVisible" :before-close="handleClose" direction="rtl" @close="handleCancel">
      <div class="demo-drawer__content">
        <el-form :ref="formName" :model="formFieldsData" :rules="rules">
          <el-form-item prop="user_ids" label="关联管理后台users表ID" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.user_ids" placeholder="关联管理后台users表ID" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="appid" label="关联applet表appid" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.appid" placeholder="关联applet表appid" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="openid" label="openid" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.openid" placeholder="openid" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="unionid" label="用户统一标识" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.unionid" placeholder="用户统一标识" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="nickname" label="用户昵称" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.nickname" placeholder="用户昵称" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="phoneNumber" label="用户绑定的手机号（国外手机号会有区号）" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.phoneNumber" placeholder="用户绑定的手机号" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="purePhoneNumber" label="没有区号的手机号" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.purePhoneNumber" placeholder="没有区号的手机号" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="countryCode" label="区号" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.countryCode" placeholder="区号" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="password" label="登录密码" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.password" placeholder="登录密码" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="gender" label="性别:1=男,2=女,0=未知" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.gender" placeholder="性别:1=男,2=女,0=未知" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="city" label="城市" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.city" placeholder="城市" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="province" label="省份" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.province" placeholder="省份" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="country" label="国家" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.country" placeholder="国家" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="avatarUrl" label="头像" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.avatarUrl" placeholder="头像" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="language" label="语言" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.language" placeholder="语言" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="subscribe" label="是否使用该小程序标识，0=未关注，1=关注" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.subscribe" placeholder="是否使用该小程序标识，0=未关注，1=关注" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="subscribe_time" label="使用时间" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.subscribe_time" placeholder="使用时间" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="remark" label="运营者对粉丝的备注" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.remark" placeholder="运营者对粉丝的备注" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="tagid_list" label="用户被打上的标签ID列表" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.tagid_list" placeholder="用户被打上的标签ID列表" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="subscribe_scene" label="用户使用的渠道来源" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.subscribe_scene" placeholder="用户使用的渠道来源" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="qr_scene" label="二维码扫码场景（开发者自定义）" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.qr_scene" placeholder="二维码扫码场景" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="qr_scene_str" label="二维码扫码场景描述（开发者自定义）" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.qr_scene_str" placeholder="二维码扫码场景描述" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="privilege" label="用户特权信息，json数组" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.privilege" placeholder="用户特权信息" type="textarea" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="loginip" label="ip地址" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.loginip" placeholder="ip地址" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="token" label="token,自定义登录态请求api的标识，前端需缓存" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.token" placeholder="token,自定义登录态请求api的标识" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="status" label="状态" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.status" placeholder="状态" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="access_token" label="access_token" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.access_token" placeholder="access_token" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="access_token_overtime" label="access_token过期时间" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.access_token_overtime" placeholder="access_token过期时间" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="session_key" label="会话密钥" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.session_key" placeholder="会话密钥" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
          <el-form-item prop="verification" label="验证" :label-width="formLabelWidth">
            <template>
              <el-input v-model="formFieldsData.verification" placeholder="验证" type="text" autocomplete="off" clearable>
              </el-input>
            </template>
          </el-form-item>
        </el-form>
        <div slot="footer" class="drawer__footer">
          <el-button @click="handleCancel">取 消</el-button>
          <el-button type="primary" @click="handleSubmit" :loading="loading">{{ loading ? '提交中 ...' : '确 定' }}</el-button>
        </div>
      </div>
    </el-drawer>
  </div>
</template>
<script>
  import formOperate from '@/layout/mixin/formOperate';

  export default {
    name:'permissions_wechatopenMiniappUsers',
    mixins: [formOperate],
    data() {
      return {
        url: 'wechatopenMiniappUsers',
        formName: 'wechatopen_miniapp_users',
        formLabelWidth: '120px',
        queryParam: {
user_ids:'',appid:'',openid:'',unionid:'',nickname:'',phoneNumber:'',purePhoneNumber:'',countryCode:'',password:'',gender:'',city:'',province:'',country:'',avatarUrl:'',language:'',subscribe:'',subscribe_time:'',remark:'',tagid_list:'',subscribe_scene:'',qr_scene:'',qr_scene_str:'',privilege:'',loginip:'',token:'',status:'',access_token:'',access_token_overtime:'',session_key:'',verification:'',
        },
        formVisible: false,
        formFieldsData: {
user_ids:'',appid:'',openid:'',unionid:'',nickname:'',phoneNumber:'',purePhoneNumber:'',countryCode:'',password:'',gender:'',city:'',province:'',country:'',avatarUrl:'',language:'',subscribe:'',subscribe_time:'',remark:'',tagid_list:'',subscribe_scene:'',qr_scene:'',qr_scene_str:'',privilege:'',loginip:'',token:'',status:'',access_token:'',access_token_overtime:'',session_key:'',verification:'',
        },
        loading: false,
        checkList: [],
        search: '',
	drawerTitle: 'wechatopen_miniapp_users',
        form: { user_ids:'',appid:'',openid:'',unionid:'',nickname:'',phoneNumber:'',purePhoneNumber:'',countryCode:'',password:'',gender:'',city:'',province:'',country:'',avatarUrl:'',language:'',subscribe:'',subscribe_time:'',remark:'',tagid_list:'',subscribe_scene:'',qr_scene:'',qr_scene_str:'',privilege:'',loginip:'',token:'',status:'',access_token:'',access_token_overtime:'',session_key:'',verification:'', },
        timer: null,
        rules: {
        },
      }
    },
    computed: {},
    watch: {},
      mounted() {
          this.init();
      },
      methods: {
         init() {
         }
      },
  }
</script>
<style lang="scss">
  .el-drawer {
    overflow: scroll;
  }
</style>
